	/* 禁止点击 */
	.display{
		display: block;
		cursor: auto;
		color: #c73434;
		background-color: #eee;
		max-width: 35px;
		align-items: center;
		margin: 0px auto;
		padding: 0px 3px;
		border-radius: 8px;
		display: flex;
	}
	/* 草稿单顶部的按钮 */
	.caogao-but{
		display: block;
		cursor: auto;
		max-width: 35px;
		align-items: center;
		border-radius: 8px;
		display: flex;
		cursor: pointer;
		height: auto;
		margin: auto 0px;
		padding: 5px;
	}
	.tipss{
		color: #333;
		font-size: 12px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		border-left: solid 2px #eee;
		padding-left: 10px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		font-weight: normal;
	}
	.global-background{
		background: #f5f7fa;
		border-radius: 8px;
	}
	.nowrap{
		white-space: nowrap;
	}
	.high {
	  color: #309100;
	}
	.low {
	  color: #f56c6c;
	}
	.max-width{
		flex: 1;
		max-width: 100%;
	}
	.top-but-box-my{
		flex-direction: row;
		width: 100%;
		z-index: 4;
		position: relative;
		display: flex;
		gap:10px;
	}
	.tab-my{
		width: 100%;
		display: flex;
	}
	
	.misk-my{
		background-color: #33333342;
		position: fixed;
		z-index: 3;
		width: 100%;
		height: 100%;
		top: 0px;
		left: 0px;
	}
	.tab-user-my{
		height: 600px;
		border-radius: 0px 0px 10px 10px;
		background-color: #fff;
		overflow: auto;
		/* position: absolute; */
	}
	.deleteImg{
		margin: auto ;
		height: 30px;
		width: 30px;
		display: flex;
		position: absolute;
		right: 0;
		top: 0;
	}
	.deleteImg:hover{
		border: solid 1px #eee;
	}
	.top5{
		margin-top: 5px;
	}
	.text-right{
		text-align: right;
	}
	.text-align{
		text-align: left;
	}
	.left10{
		margin-left: 10px;
	}
	.right10{
		margin-right: 10px;
	}
	.right3{
		margin-right: 3px;
	}
	.c565656{
		color: #565656;
	}
	.c666{
		color: #666;
	}
	.ff2626{
		color: #ff2626;
	}
	.money_color{
		color: #9a1515;
	}
	.display_color{
		background-color: #bbbbbb;
	}
	.add_color{
		background-color: #0f66e0;
		cursor: pointer;
		color: #fff;
	}	
	.add_color:hover{
		background-color: #0f66e0;
	}
	.cursor{
		cursor: pointer;
	}
	.bj-color{
		background-color: #edf3ff;
	}
	.tabSelectcolor{
		color: #c90404;
		background-color: #fff;
	}
	.color-fff{
		background-color: #fff;
	}
	.er_color{
		background-color: #85b7de;
	}
	.alter{
		color: #0f66e0;
		cursor: pointer;
	}
	.color-e40318{
		color: #e40318;
		cursor: pointer;
	}
	.colorGoodsMoney{
		background-color: #4cceff14;
	}
	.c000{
		color: #1b1b1b;
	}
	.c30a900{
		color: #234b00;
	}
	.alter:hover,.hover:hover{
		text-decoration: underline;
		color: #DD524D;
	}
	.color1{
		background-color: #0f66e0;color: #ffffff;
	}
	.color2{
		background: #c90fe0;color: #ffffff;
	}
	.color3{
		background: #e00fa0;color: #ffffff;
	}
	.color4{
		background: #e00f49;color: #ffffff;
	}
	.color5{
		background: #0f89e0;color: #ffffff;
	}
	.color6{
		background: #077e47;color: #ffffff;
	}
	.color7{
		background: #087993;color: #ffffff;
	}
	.color8{
		background: #869d07;color: #ffffff;
	}
	.color9{
		background: #03566e;color: #ffffff;
	}
	.color10{
		background: #0fb0e0;color: #ffffff;
	}
	.tabW{
		background-color: #fff;
	}
	.color-EBEEF5{
		background-color: #EBEEF5;
	}
	.background-fff{
		background-color: #fff;
	}
	
	.back_color{
		background-color: #FF4D4F;
	}
	.back_color:hover{
		background-color: #FF7172;
	}
	.solid{
		border: solid 1px
	}
	.border1{
		border-bottom: solid 1px #f7f7f7;
	}
	.decoration{
		text-decoration: line-through;
	}
	.nowrap{
		white-space: nowrap;
	}
	
	.white-space{
		white-space: normal;
	}
	.margin-right{
		margin-right:auto
	}
	.margin-left{
		margin-left: auto;
	}
	.margin{
		margin: auto;
	}
	.add-goods-box{
		width: calc(100% - 30px);
		display: flex;
		padding: 5px;
		margin: 10px;
	}
	.mainLeft{
		margin-left: auto;
	}
	.margin10{
		margin: auto auto auto 10px;
	}
	.nowBut{
		display: flex;
		border-radius: 5px;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		color: #fff;
		height: max-content;
		justify-content: center;
		flex-direction: column;
		margin: auto 0px;
		height: 30px;
		padding: 0px 14px;
		white-space: nowrap;
		overflow: visible;
		font-size:14px;
		line-height: normal;
	}

	.relative{
		position: relative;
	}
	.w50{
		width: 50%;
	}
	.w100{
		width: 100%;
	}
	.w90{
		width: calc(100% - 10px);
	}
	.w20{
		width: 20%;
	}
	.w25{
		width: 25%;
	}
	.w200{width: 200px;}
	.w100px{
		width: 100px;
	}
	.w333{
		width: 33.33%;
	}
	.h32{
		height: 32px;
	}
	.h250{
		height: 250px;
	}
	.h100{
		height: 100%;
	}
	.height30{
		height: 30px;
	}
	.status0{
		color: #ff0000;
		padding: 3px;
	}
	.status1{
		color: #30a900;
		padding: 3px;
	}
	.status2{
		color: #ff0000;
		padding: 3px;
	}
	.bb4e00{
		color: #bb4e00;
		cursor: pointer;
	}
	.bab100{
		color: #2ab100;
	}
	.contents{
		display: contents;
	}
	.flex{
		display: flex;
	}
	.flex1{
		flex: 1;
	}
	.Zindex1{
		z-index: 1;
	}
	.Zindex2{
		z-index: 2;
	}
	.Zindex3{
		z-index: 3;
	}
	.Zindex4{
		z-index: 4;
	}
	.Zindex5{
		z-index: 5;
	}
	.Zindex6{
		z-index: 6;
	}
	.placeholder-class{
		font-size: 12px;
	}
	.font12{
		font-size: 14px;
	}
	.font13{
		font-size: 13px;
	}
	.font14{
		font-size: 14px;
	}
	.font15{
		font-size: 15px;
	}
	.font16{
		font-size: 16px;
	}
	.font18{
		font-size: 18px;
	}
	.nowButs{
		height: 24px;
		padding: 0px 5px;
		display: flex;
		border-radius: 5px;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		margin: auto;
	}




	.m-price{
		margin:0 3px;
		color: #565656;
		text-decoration: line-through;
		font-weight: 600;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.coupon-tip{
		align-items: center;
		padding: 4upx 10upx;
		background: #FF623E;
		color: #fff;
		border-radius: 6upx;
		margin:0 3px;
		font-weight: 600;
	}
	.gift{
		background-color: #FF623E;
		color: #fff;
		width: auto;
		padding: 0px 3px;
		border-top-left-radius: 10px;
		border-bottom-right-radius: 10px;
		font-size: 11px;
		margin-right: 5px ;
	}
	.img200{
		width: 200px;
		height: 200px;
		margin: auto;
		display: flex;
	}
	.qrcodeTitle{
		margin: auto;
		display: flex;
		text-align: center;
		justify-content: center;
		max-width: 400px;
		white-space: initial;
	}

	.riskTitle{
		display: flex;
		text-align: left;
		justify-content: center;
		flex-direction: column;
		background-color: #f5f7fa;
		padding: 0px 5px;
		height: 32px;
		margin: auto 0px auto 0px;
		white-space: nowrap;
		font-size: 14px;
		border-bottom-left-radius: 8px;
		border-top-left-radius: 8px;
	}
	.tips{
		margin: auto;
		flex-direction: column;
		display: flex;
		color: #999;
		min-width: 60px;
		font-size: 12px;
		text-align: center;
	}
	.planSelectGoodsBut{
		padding: 8px 15px 8px 15px;
		border-radius: 8px;
		min-width: 80px;
		text-align: center;
		background-color: #0f66e0;
		color: #fff;
		cursor: pointer;
		position: sticky;
		bottom: -1px;
		width: 30%;
		margin: auto;
		display: flex;
		justify-content: center;
	}
	button:after{
		display: none;
	}
	.add-boxs{
		color: #333333;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.page-header{
		display: flex;
		height: 100%;
		width: 100%;
		margin: auto;
		overflow-x: auto;
		overflow-y: hidden;
		background-color: #d6d6d6;
		min-width: 1110px;
	}
	.headerMuneSearchImg{
		width: 20px;
	    height: 20px;
	    display: flex;
	    right: 20px;
	    margin: auto;
	}
	.input_confirms{
		background-color: #fff;
		/* border: 1px solid #eee; */
		height: 100%;
		min-width: 85px;
		flex: 1;
		margin-top: auto;
		margin-bottom: auto;
		width: auto;
		display: inline-table;
		border-top-right-radius: 8px;
		border-bottom-right-radius: 8px;
	}
	.order-ipu{
		font-size: 14px;
		color: #1b1b1b;
		background-color: #f5f7fa;
		border: 1px solid #d2d2d2;
		justify-content: center;
		display: flex;
		flex-direction: column;
		margin: auto 0px;
		max-width: 100%;
		text-align: center;
		height: 30px;
		width: 120px;
	}
	.button-erji{
		color: #fff;
		margin-left: 10px;
		border-radius: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto 5px;
		height: 30px;
		padding: 0px 5px;
		min-width: 55px;
		cursor: pointer;
		
		background-color: #0f66e0;
		font-size: 12px;
	}
	.button-erji:hover,.rightButttom:hover,.search-but:hover,
	.gz-but:hover,.nowBut:hover,.nowButs:hover,
	.but-sj-erji:hover,.but-add:hover,
	.xd-box .but:hover,
	.xd-main .but:hover,
	.leftBut:hover{
		font-weight: 600;
		cursor: pointer;
		
	}
	
	.xd-main{
		padding: 10px 0px;
		width: 100%;
		color: #2d2d2d;
		min-width: max-content;
	}
	.user-but .but,.xd-box .but,.xd-main .but{
		display: inline-table;
		justify-content: center;
		flex-direction: column;
		text-align: center;
		cursor: pointer;
		border-radius: 8px;
		line-height: normal;
		padding: 5px 7px;
		font-size: 12px;
		white-space: nowrap;
		margin: 0px;
	}
	.sticky-bottom{
		position: sticky;
		bottom: 0px;
		background-color: #fff;
		margin-top: auto;
	}
	.nowButs:hover{
		box-shadow: 0 0 8px -3px;
	}
	.date-c{
		position: relative;
		justify-content: center;
		display: flex;
		flex-direction: column;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		margin:auto;
		width: 20px;
		padding: 0 10px;
		text-align: center;
	}
	.date-center{
		width: auto;
		padding: 0px;
		display: flex;
		cursor: pointer;
		background-color: #fff;
		border: 1px solid #eee;
		height: 30px;
		min-width: 400px;
		margin-top: auto;
		margin-bottom: auto;
	}
	.date-left{
		position: relative;
		justify-content: center;
		display: flex;
		flex-direction: column;
		text-overflow: ellipsis;
		white-space: nowrap;
		padding: 0 10px;
	}
	.search-ipu{
		padding: 0px 5px;
		flex: 1;
		min-height: 30px;
		justify-content: center;
		flex-direction: column;
		display: flex;
		margin: auto 0px;
		color: #1b1b1b;
		text-align: center;
		background-color: #fff;
		/* border: 1px solid #eee; */
		font-size:14px;
		min-width: 100px;
		border-left: #33333300;
		text-align: left;
		height: 100%;
		border-radius: 8px;
	}
	.ipu-box{
		display: flex;
		flex-direction: row;
		align-items: center;
		float: left;
		margin: auto 0px;
		height: 32px;
	}
	.ipu-box-nu{
		display: flex;
		flex-direction: row;
		align-items: center;
		float: left;
		margin: auto 0px;
		height: 100%;
		width: 100%;
	}
	.search-ipu25{
		/* border: 1px solid #eee; */
		height: 25px;
		display: flex;
		margin: auto 0;
		color: #1b1b1b;
	}
	.floatleft0{
		float: left;
	}
	.floatleft{
		float: left;
		margin: auto 0px;
		height: 32px;
		border: solid 1px #ddd;
		max-width: 800px;
		border-radius: 8px;
	}
	.floatright{
		float: right;
		margin: 5px
	}
	.list_detail{
		display: flex;
		flex-direction: row;
		color: #333333;
		width: 100%;
		justify-content: center;
		align-items: center;
		font-weight: 600;
		font-size: 14px;
		position: relative;
		min-height: 30px;
		padding: 3px 0px;
	}
	.list_detail .rightBut{
		margin: auto;
		color: #0f66e0;
		cursor: pointer;
	}

	.list_detail:hover > .margin{
		text-decoration: underline;
		color: #ffab98;
		cursor: pointer;
	}



	.box-infod{
		height: 100%;
		width: 100%;
		position: relative;
		background-color: #fff;
		border-radius: 8px;
	}
	
	.box-info{
		width: calc(50% - 4px);
		position: relative;
		margin: 0px 2px;
	}
	.box-info .position{
		position: absolute;
		top: 55px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.box-infos{
		position: relative;
		background-color: #fff;
		padding: 10px;
		margin: 10px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		height:calc( 100% - 40px);
		overflow: auto;
		min-height: 300px;
		display: flex;
		flex:1;
	}
	
	.box-infos-width-230{
		width:calc( 100% - 180px);
	}

	.goods-list-top{
		border-bottom: 1px solid #EBEEF5;
		display: flex;
		flex-direction: row;
		width: 100%;
		background-color: #F5F7FA;
	    justify-content: center;
	    align-items: center;
		padding: 5px 0px;
		height: 30px;
	}
	.scrollTab{
		display: flex;
		flex-direction: row;
		width: 100%;
		background-color: #F5F7FA;
	}
	.scrollTabInfo{
		display: flex;
		flex-direction: row;
		width: 100%;
		padding: 3px 0px;
	}
	.but-sj{
		color: #FFFFFF;
		margin-left: 10px;
		border-radius: 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto 10px auto 10px;
		height: 30px;
		padding: 0px 5px;
		min-width: 55px;
		cursor: pointer;
		font-weight: 600;
		flex: 2;
	}
	.but-sj-erji{
		border-radius: 8px;
		justify-content: center;
		align-items: center;
		margin: 0px auto;
		padding: 0px 3px;
		cursor: pointer;
		display: revert;
	}
	.but-add{
		padding: 0px 5px;
		color: #FFFFFF;
		border-radius: 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: auto 10px;
		height: 32px;
		font-size: 12px;
	}

	.alter_sure{
		margin: auto;
		height: 15px;
		width: 15px;
		padding: 5px;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		transition: all 0.2s;
	}
	



	.delete{
		text-align: center;
		border-radius: 8px;
	}
	.delete:hover{
		text-decoration: underline;
		color: #DD524D;
	}
	.top-but{
		width: 100%;
		display: flex;
		flex-direction: row;
		height: 46px;
		gap:10px;
		margin-bottom: 10px;
		line-height: 24px;
	}
	.top-but-box .img,.add-box .img,.but-boxs .img,.caogao-but-box .img ,.but-color1 .img{
		width: 12px;height: 12px;margin-right: 5px;gap:10px
	}
	.top-but-box{
		flex-direction: row;
		width: 100%;
		justify-content: start;
		display: flex;
		float: left;
		padding: 0px ;
		gap:10px;
	}
	.butImage{
		width: 18px;
		height: 18px;
		display: flex;
		justify-content: center;
		margin: auto;
	}
	.delete-ipu{
		height: 100%;
		width: 20px;
		display: flex;
		right: 0px;
		padding-right: 5px;
		margin: auto;
		position: absolute;
		top: 50%;
		transform: translate(0%, -50%);
	}
	.delete-ipu img{    
		width: 15px;
		height: 15px;
		display: flex;
		margin: auto;
		padding: 2.5px;
		background-color: rgb(192, 196, 204);
		border-radius: 50%;
		transition: all 0.2s;
	}
	.delete-ipu img:hover,.alter_sure:hover  {
		transition: all 0.2s;
		cursor: pointer;
	    transform: rotate(90deg);
	}
	.jiantou{
		width: 10px;
		height: 10px;
		margin: auto 0px;
		margin-right: 5px;
	}
	
	

	.rightButttom{
		min-width: 50px;
		padding: 0px 15px;
		display: flex;
		border-radius: 0px;
		height: 30px;
		justify-content: center;
		align-items: center;
		margin: auto 10px auto auto;
		background-color: #0f66e0;
		cursor: pointer;
		color: #fff;
		font-size: 14px;
		border-radius: 5px;
		white-space: nowrap;
		line-height: normal;
	}

	.bottom20{
		font-size: 14px;
		padding-bottom: 5px;
	}


	.maxwidth250{
		max-width: 250px;
	}
	.bottom{
		margin-top: 10px;
		width: calc(100% - 10px);
		padding: 5px;
	}
	.date-box{
		height: 100%;
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin: auto;
	}


	.checked-box{
		width: 100%;
		display: flex;
		flex-direction: row;
		color: #1b1b1b;
		justify-content: center;
		align-items: center;
		font-size: 14px;
		padding: 5px 0px;
	}

	.map100{
		width: 100%;
		height: 100%;
	}
	.map250{
		width: 100%;
		height: 250px;
	}
	.header-lib{
		padding:  0px;
		display: flex;
		align-items: center;
	}
	.Navigation{
		background-color: #0f66e0;
		width: max-content;
		color: #fff;
		font-size: 16px;
		padding: 5px;
		text-align: center;
		border-radius: 10px;
		margin: 10px;
		box-shadow: 0 1px 4px #1b1b1b;
	}

	.center{
		text-align: center;
		overflow: hidden;
		display: flex;
		margin: auto;
		justify-content: center;
	}
	.search-but{
		padding: 0px 5px;
		color: #fff;
		border-radius: 8px;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #0f66e0;
		cursor: pointer;
		min-width: fit-content;
		margin: auto 5px;
		height: 32px;
		font-size:12px;
	}
	
	.top-but-box button{
		float: left;
		width: -webkit-fit-content;
		width: fit-content;
		margin-bottom: 10px;
		height: 32px;
		margin: auto 0px;
		font-size: 12px;
		align-items: flex-end;
		justify-content: flex-start;
		flex-direction: row;
		align-content: space-around;
		flex-wrap: nowrap;
		white-space: nowrap;
		align-items: center;
		line-height: normal;
		display: inline-flex;
		min-width: fit-content;
	}
	.search-but:hover,.add-but-com:hover,.button-erji:hover,.add_color:hover{
		background-color: #3290e7;
	}
	.searchBox{
		flex:1;
		display: flex;
		position: relative;
		
	}
	.searchBoxs {
	    flex: 1;
	    display: flex;
	    position: relative;
	}
	.weight{
		font-weight: 600;
	}
	.width200{
		display: flex;
		max-width: 200px;
		padding: 0px 3px;
		flex: 1.5;
	}
	.justify{
		position: relative;
		justify-content: center;
		display: flex;
		flex-direction: column;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		 
	}
	.switch{
		margin-left: auto;
	}
	.recommendUrl{
		margin: auto;
		height: 120px;
		border: solid 1px #eee;
		width: 80px;
	}
	.x-but{
		height: 25px;
		margin-right: 10px;
		background-color: #0f66e0;
		color: #fff;
		padding: 0px 10px;
		font-size: 15px;
		display: flex;
		border-radius: 8px;
		margin-left: auto;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}
	.leftBut{
		padding: 0px 10px;
		display: flex;
		justify-content: center;
		border-radius: 8px;
		margin-left: auto;
		/* margin-right: 20px; */
		height: 32px;
		justify-content: center;
		align-items: center;
		cursor: pointer;
		min-width: 70px;
		margin-top: auto;
		margin-bottom: auto;
		margin: auto 0px ;
		font-size: 12px;
	}
	


	
	
	.back_data{
		position: absolute;
		right: 5px;
		font-size: 12px;
		height: 30px;
		justify-content: center;
		display: flex;
		top: 50%;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	.back_data .ico{
		font-size: 12px;
		height: 30px;
		width: 30px;
		justify-content: center;
		flex-direction: column;
		display: flex;
		margin: auto;
	}
	.ico-b{
		height: 25px;
		width: 25px;
		justify-content: center;
		flex-direction: column;
		display: flex;
		margin: auto 5px;
	}
	.isCheck{
		font-weight: 600;
		color: #FF4D4F;
		border-radius: 8px;
		font-size: 12px;
		width: 25px;
		height: 25px;
		margin: auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	.ispack{
		color: #fff;
		background-color: #FF4D4F;
		border-radius: 8px;
		font-size: 12px;
		max-width: 35px;
		justify-content: center;
		flex-direction: column;
		display: flex;
	}
	.gap10{
		gap:10px;
		display: flex;
	}
	.detail{
		padding: 10px 20px 10px 40px;
		max-width: 160px;
		display: flex;
		flex-direction: row;
		color: #ababab;
		font-size: 14px;
		align-items: center;
		position: relative;
	}
	.detail:hover{
		background-color: #0060b9;
		cursor: pointer;
	}
	.admin_pic{
		position: relative;
		padding: 20px;
		color: #fff;
	}
	.sousuo{
		width: 15px;
		height: 15px;
		padding: 3px;
		margin: auto -15px auto auto;
	}
	
	.sousuo:hover {
	    opacity: 1;
	    transform: scale(1.1);
	}
	.admin_pic .firm{
		font-size: 14px;
		font-weight: 600;
		justify-content: center;
		display: flex;
		flex-direction: column;
		margin: 5px 0px;
		display: flex;
		flex-direction: inherit;
	}
	.admin_pic .name{
		font-size: 12px;
		justify-content: center;
		display: flex;
		flex-direction: column;
	}



	@keyframes pages {
		0% {
			width: 0%;
		}
		100% {
			width: 100%;
		}
	}
	.tab-con{
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		padding-bottom: 20px;
		height: 100%;
	 }
	.border-right{
		border-right: solid 1px #f7f7f7;
	}
	.content-box11{
		display: flex;
		width: 100%;
		height: 100%;
		background-color: #fff;
		overflow: auto;
	 }
	.content-box{
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		height: initial;
		background-color: #fff;
		overflow: hidden;
		min-height: -webkit-fill-available;
	 }
	 .content-boxss{
		width: 100%;
		flex-direction: column;
		align-items: center;
		height: initial;
		background-color: #fff;
		overflow: hidden;
		min-height: -webkit-fill-available;
	  }
	 .content-box-setting{
		display: flex;
		width: 100%;
		flex-direction: column;
		align-items: center;
		/* height: calc(100% - 66px); */
		background-color: #fff;
		overflow: hidden;
	  }
	  
	.input_image{
		height: 100px;
		width: 100px;
		margin-left: 20px;
		border: 1px solid #DCDFE6;
	}
	.input_confirm_image{
		height: 100px;
		width: 100px;
		margin-left: 20px;
		border: 1px solid #0f66e0;
	}
	.input_image:hover{
		border: 1px solid #C8C7CC;
	}
	
	.arrow{
		height: 20px;
		width: 20px;
		
		margin-left: auto;
	}
	.arrow1{
		height: 18px;
		width: 18px;
	}
	.money{
		font-size: 18px;
		color: #9a1515;
		font-weight: 600;
	}
	
	.user-but .flex30{
		width: 100%;
		flex-direction: row;
		display: flex;
		height: 30px;
		overflow: hidden;
	}
	.info-but{
		gap: 10px;
		padding: 10px 0px;
		width: 100%;
		flex-direction: row;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		align-content: stretch;
		height: fit-content;
	}
	.input_account{
		padding: 5px 15px 5px 15px;border: 1px solid #DCDFE6;width: 250px;font-size: 13px;margin-left: 20px;
	}
	.input_account:hover{
		border: 1px solid #C8C7CC;
	}
	.input_account1{
		padding: 5px 15px 5px 15px;border: 1px solid #DCDFE6;width: 227px;font-size: 13px;margin-left: 20px;
	}
	.input_confirm{
		border: 1px solid #eee;
		width: 250px;
		font-size: 13px;
		margin-left: 10px;
	}

	.show_image{
		width: 50%;height: 100px;
	}
	.show_image:hover{
		transform: scale(1.3);
	}
	.goods_list-box{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.page-boxs{
		width: 100%;
		height: 100%;
		display: flex;
		justify-content: center;
		position: relative;
		overflow: hidden;
		background-color: #f5f7fa;
	}
	.page-box{
		background-color: #f5f7fa;
		position: relative;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		width: 100%;
	}



	.input-data{
		position: relative;
		z-index: 11;
		flex: 1;
		overflow: hidden;
		font-size: small;
		line-height: normal;
		height: auto;
	}
	.inputBox{
		min-width: 70px;
		border-radius: 8px;
		min-height: 30px;
		flex: 1;
		padding: 0px 10px;
		background-color: #f5f5f5f2;
		border: 1px solid #fff;
		display: flex;
		text-align: left;
		justify-content: center;
	}
	.input-but{
		background-color: #578afd;
		padding: 0px 5px;
		text-align: center;
		justify-content: center;
		display: flex;
		color: #fff;
		align-items: center;
	}
	
	table {
	    width: 100%;
	    border-collapse: collapse;
		 table-layout: auto; 
	}
	
	table, th, td {
	    border: 1px solid #d5d5d5;
	}
	table thead tr{
		position: sticky; 
		top: -1px; 
		z-index: 2; 
		white-space: nowrap; 
	}

	
	table, th, td view{
	   white-space: nowrap;
	   text-align: left;
	   line-height: 22px;
	}
	th, td {
	    padding: 5px 8px;
	    text-align: left;
		/* line-height: normal; */
	}
	th {
		min-width: 50px;
		background-color: #f5f7fa;
		padding: 10px 8px;
		text-align: left;
		color: #606266;
		font-weight: 600;
		border-top: 1px solid #ebeef5;
		border-left: solid 1px #ebeef5;
		border-right: solid 1px #ebeef5;
	}
	.maxW {
		max-width:35%;
		width: auto; 
		min-width: 35%;
	}
	.goods-list-select .rightBut{
		color: #1b1b1b;
		cursor: pointer;
		margin: auto;
	}
	tbody {
	    color: #333;
		/* height: 100vh; */
	}
	.boxsss100 tbody tr:hover ,.boxsss40 tbody tr:hover ,.boxsss tbody tr:hover,.goods-list-select{
		
		background-color: rgba(15, 102, 224, 0.1) !important; /* 主色浅背景 */
		color: #0f66e0 !important; /* 主色 */
		/* background-color: #dbdbdb; */
		cursor: pointer;
	}
	.boxsss100{
		width: 100%;
		flex-direction: column;
		height: 100%;
		background-color: #fff;
		overflow: auto;
		display: flex; 
		flex-wrap: nowrap;
		/* align-content: flex-start; */
		/* justify-content: flex-start; */
	}
	.boxsss40{
		width: 100%;
		flex-direction: inherit;
		height: calc(100% - 40px);
		background-color: #fff;
		overflow: auto; 
		display: flex; 
		flex-wrap: nowrap;
		/* align-content: flex-start; */
		/* justify-content: flex-start; */
	}
	.boxsss40 table {
	    width: max-content; 
	    min-width: 100%; 
	}
	.boxsss{
		width: 100%;
		background-color: #fff;
		flex-direction: inherit;
		height: calc(100% - 92px);
		overflow: auto;
		display: flex; 
		flex-wrap: nowrap;
		/* align-content: flex-start; */
		/* justify-content: flex-start; */
	}
	.searchBox-data{
		display: flex;
		margin: auto;
		position: relative;
	}
	.centers{
		justify-content: center;
		text-align: center;
	}
	.e5e5e5{
		background-color: #e5e5e5;
		color: #ff0a0a;
	}

	
	.sort-button {
	   display: flex;
	   width: 10px;
	   position: relative;
	   left: 5px;
	   cursor: pointer;
	   margin: auto 0px;
	   line-height: 30px;
	}  
	
	.asc {  
		content: '';
		position: absolute;  
		width: 0;  
		height: 0;  
		border-style: solid;  
		left: 0px;
		border-width: 6px;  
		border-color: transparent transparent #363636  transparent;  
		top: -14px;  
	}  
	  
	.desc {  
		content: '';
		position: absolute;  
		width: 0;  
		height: 0;  
		border-style: solid;  
		left: 0px;
		border-width: 6px;  
		border-color: #363636  transparent transparent transparent;  
		top: 2px; 
	}
	
	.box-list{
		position: relative;
		background-color: #fff;
		padding: 10px;
		margin: 10px;
		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
		border-radius: 8px;
		float: left;
		min-width: 50%;
		border-radius: 8px;
	}
	.box-list .title{
		color: #0f66e0;
		gap: 10px;
		font-weight: 600;
		padding: 5px 0px;
		border-left: solid 1px #0f66e0;
		padding-left: 5px;
		display: flex;
	}
	.banner .content{
		font-size: 16px;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: flex;
		justify-content: center;
		flex-direction: column;
		width: 300px;
	}
	
	.banner .but{
		font-size: 14px;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		display: flex;
		justify-content: center;
		flex-direction: column;
		margin: 0px 10px;
	}
	.box-list .con-box{
		display: flex;
		font-size: 12px;
		float: left;
	}
	.box-list .con-box .lefts{
		display: flex;
		justify-content: center;
		flex-direction: column;
		font-size: 14px;
	}
	.box-list .con-box .ipu{
		background-color: #f5f7fa;
		padding: 5px;
		border-radius: 8px;
		margin: 0px 5px;
	}
	
	.box-list  .but{
		background-color: #0f66e0;
	    color: #fff;
	    padding:  0px 10px;
	    font-size: 15px;
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    border-radius: 8px;
		margin: auto ;
		height: 35px;
	}
	
	 .banner .imgs{
		width: 300px;
		height: 100px;
	}
	.box{
		height: 100%;
		width: 100%;
		position: relative;
		background-color: #fff;
		border-radius: 8px;
		font-size: 12px;
	}
	
	.header .imgs{
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin: auto;
		display: flex;
	}
	.header .name{
		text-align: center;
	}
	.header-box{
		float: left;
		margin: 10px;
		border: solid 1px #eee;
		position: relative;
		padding: 5px;
		border-radius: 10px;
		background-color: #c1c1c126;
		height: 130px;
	}
	.de-img{
	    width: 20px;
	    height: 20px;
	    position: absolute;
	    right: 0px;
		top:0px;
	    background-color: #333333a6;
	    border-bottom-left-radius: 10px;
	    padding: 3px;
	}
	.banner{
		border-bottom: solid 2px #eee;
	}
	.banner-box{
		width: 300px;
		height: 121px;
	    margin: 5px;
	    background-color: #c1c1c126;
	    padding: 0px 0px 5px 0px;
	    border-radius: 10px;
		float: left;
		position: relative;
	}
	.bannerImgAdd{
		border: solid 1px #eee;
		width: 100%;
		height: 125px;
		justify-content: center;
		display: flex;
		flex-direction: column;
	}
	.bannerImgAdd .imgs{
		width: 30px;
		height: 30px;
		justify-content: center;
		display: flex;
		margin: auto;
		flex-direction: column;
	}
	.banner-box .but-bot{
		display: flex;
		position: absolute;
		bottom: 10px;
		width: 100%;
	}
	.banner-box .but-bot view{
	    display: flex;
	    justify-content: center;
	    flex-direction: column;
	    margin: auto;
	}
	.addGoods{
		display: flex;
		font-size: 12px;
		float: left;
		margin: 10px;
		position: relative;
		padding: 5px;
		border-radius: 10px;
		height: 130px;
	}
	.mp_applet{
		border: solid 1px #eee;
		width: 100px;
		height: 100px;
		border-radius: 50%;
		margin: auto;
	}
	.leftTitle{
		width: 86px;
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: left;
	}
	
	.menu-scroll{
			overflow: auto;
			text-overflow:ellipsis; 
			
			
			padding-bottom: 50px;
			height: 100%;
			 
		}
		.menu-scroll-w{
			
			text-overflow:ellipsis; 
			width: 100%;
		}
	    .menu-scroll::-webkit-scrollbar{
	        width:0px;
	        height:10px;
	        
	    }
		.overflow::-webkit-scrollbar{
	        width:0px;
	        height:10px;
	        
	    }
	/*    .menu-scroll::-webkit-scrollbar-track{
	        background: #61B6EB;
	    } */
	   .menu-scroll::-webkit-scrollbar-thumb{
	        
	        
	    }
	  
	    .menu-scroll::-webkit-scrollbar-corner{
	        
	    }
		
		..menu-scroll,.overflow{
			 
		  -ms-overflow-style: none;
		   
		  scrollbar-width: none;
		   
		  width: 100%;
		   
		  height: 100%; 
		  
		  overflow: scroll; 
		}
	.add-header{
		
		background-color: #f1f1f1;
		flex-direction: column;
		box-shadow: 1px 1px 1px #f1f1f1;
		border-radius: 2px;
		
		
		margin-top: 0px;
		margin: 0px auto;
		color: #1b1b1b;
		
	}
	.add-title{
		font-size: 16px;
		display: flex;
		flex-direction: row;
		padding: 0px 10px ;
		align-items: center;
		background-color: #0f66e0;
		color: #fff;
		width: calc(100% - 20px);
		height: 45px;
		margin: auto;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.right-close{
		margin: auto 0px auto auto;
		height: 100%;
		width: 50px;
		display: flex;
	}
	
	.pop-box-glo{
		display: flex;
		flex-direction: column;
		margin: auto;
		white-space: normal;
		width: initial;
		height: inherit;
	}
	.pop-bottom{
		overflow: auto;
		width: 100%;
		height: 100%;
		/* max-height: calc(100% - 66px); */
		height:  calc(100% - 10px);
		position: relative;
		flex-direction: column;
		display: flex;
		min-height: fit-content;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	.pop-bottom::-webkit-scrollbar{
	    width:0px;
	    height:8px;
	}
	.pop-input{
		min-width: 70px;
		border-radius: 8px;
		
		min-height: 30px;
		flex: 1;
		padding: 0px 10px;
		background-color: #fff;
		border: 1px solid #d2d2d2;
		display: flex;
		justify-content: center;
		flex-direction: column;
		text-align: left;
	}
	.add-goods{
		color: #1b1b1b;
		width: 350px;
		display: flex;
		flex-direction: row;
		align-items: center;
		
		min-width: 280px;
		position: relative;
		margin:  10px 0px;
	}
	
	.add-goods-flex{
		color: #1b1b1b;
		width: 320px;
		padding: 5px;
		display: flex;
		flex-direction: row;
		align-items: center;
	
		min-width: 320px;
		position: relative;
		margin: auto 20px;
		
		flex: 1;
	}
	.h10{
		margin-top: 10px;
		border-bottom: 1px solid #eee;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.add-box{
		gap:20px;
		color: #1b1b1b;
		display:flex;
		width: 100%;
	}
	
	
	.add-but-com{
		margin: auto 20px;
		border-radius: 8px;
		min-width: 80px;
		text-align: center;
		background-color: #0f66e0;
		color: #fff;
		cursor: pointer;
		height: 30px;
		align-items: center;
		display: flex;
		justify-content: center;
		padding: 0px 5px;
	}
	
	.add-but-close{
		padding: 8px 15px 8px 15px;
		color: #333333;
		border: 1px solid #DCDFE6;
		border-radius: 8px;
		margin: auto 20px;
		min-width: 80px;
		text-align: center;
		cursor: pointer;
	}
	.titles{
		display: flex;width: max-content;margin-right: 10px;
	}
	.but-box-border{
		border-top: solid 2px #b1b1b1;
	}
	.but-box{
		width: 100%;
		display: flex;
		align-items: center;
		font-size: 12px;
		color: #FFFFFF;
		background-color: #fff;
		position: sticky;
		bottom: -1px;
		left: 0px;
		margin-top: auto;
		/* box-shadow: 0px 0px 4px #1b1b1b; */
		/* position: absolute; */
	}
	.but-boxs{
		width: 95%;display: flex;flex-direction: row;align-items: center;padding: 15px;justify-content: center;
	}
	
	.box-info{
		width: 100%;
		height: 100%;
		justify-content: center;
		align-items: center;
		
		box-shadow: 1px 1px 5px #33333352;
		overflow: hidden;
		height: 100%;
	}
	.conters{
		padding: 5px 20px;
		    margin-left: 20px;
		    border: 1px solid rgb(220, 223, 230);
		    height: 15px;
		    display: flex;
		    justify-content: center;
		    flex-direction: column;
	}
	.pagesBox{
		padding:  0px;
		margin-top: auto;
		height: 40px;
	}
	.left{
		cursor: pointer;
		width: 20px;
		height: 17px;
		padding: 5px;
		left:0px;
		background-color: #fff;
	}
	
	.right{
		background-color: #fff;
		cursor: pointer;
		margin-left: 10px;
		width: 20px;
		height: 17px;
		padding: 5px;
		right:0px
	}
	.left:hover,.right:hover{
		border: solid 1px #979797;
	}
	
	.position-buttom{
		position: sticky;
		bottom: -1px;
		z-index: 1;
	}
	.position-left{
		position: sticky;
		z-index: 1;
		left: 0px;
		background-color: #fff;
	}
	.page{
		cursor: pointer;
		color: #FFFFFF;
		background-color: #0f66e0;
		width: 32px;
		height: 32px;
		
		border-radius: 8px;
		text-align: center;
		justify-content: center;
		display: flex;
		align-items: center;
		margin-left: 10px;
	}
	.nopage{
		color: #FFFFFF;
		background-color: #8d8d8d;
		width: 32px;
		height: 27px;
		
		border-radius: 8px;
		text-align: center;
		justify-content: center;
		display: flex;
		align-items: center;
		margin-left: 10px;
	}
	.wh{
		width: 100%;
		height: calc(100% - 42px);
		
		background-color: #fff;
		
		overflow: hidden; 
		position: relative; 
	}
	.topH{
		height: 100%;
		 display: flex;
		 width: 100%;
		 flex-direction: column;
		 align-items: center;
		 
		
	 }
	 .navbar{
	 		display: flex;
	 		width: 100%;
	 		height: 44px;
	 		background: #fff;
	 		box-shadow: 0 1px 5px rgba(0,0,0,.06);
	 		position: relative;
	 		z-index: 2;
	 		left: 0;
	 		border-bottom: solid 1px #eee;
	 	}
	 	.navbar .current{
	 		color: #FF623E;
	 	}

	 	.swiper-box{
	 		height: calc(100% - 40px);
	 	}
	 	
	 
	 	.navbar .nav-item{
	 		flex: 1;
	 		display: flex;
	 		justify-content: center;
	 		align-items: center;
	 		height: 100%;
	 		font-size: 38rpx;
	 		
	 		position: relative;
	 		font-weight: 600;
	 		background-color: #eeeeee4d;
	 	}
	 	.navbar .nav-item .current{
	 		color: #FF623E;
	 	}
	 	.navbar .nav-item .s3{
	 		color: #303133;
	 	}
	 	.navbar .p-box{
	 		display: flex;
	 		flex-direction: column;
	 	}
	 	.navbar .p-box .yticon{
	 		display: flex;
	 		align-items: center;
	 		justify-content: center;
	 		width: 30upx;
	 		height: 14upx;
	 		line-height: 1;
	 		margin-left: 4upx;
	 		font-size: 38rpx;
	 	}
	 	.navbar .p-box  .active{
	 		color: #FF623E;
	 	}
	 	.navbar .p-box  .a8{
	 		color: #888;
	 	}
	 	.navbar .p-box .xia{
	 		transform: scaleY(-1);
	 	}
	 	.navbar .cate-item{
	 		display: flex;
	 		justify-content: center;
	 		align-items: center;
	 		height: 100%;
	 		width: 80upx;
	 		position: relative;
	 		font-size: 22px;
	 	}
	 	.navbar .cate-item::after{
	 		content: '';
	 		position: absolute;
	 		left: 0;
	 		top: 50%;
	 		transform: translateY(-50%);
	 		border-left: 1px solid #ddd;
	 		width: 0;
	 		height: 36upx;
	 	}

		.swiper{
			display: flex;
			background-color: #f5f7fa;
			text-align: center;
			cursor: pointer;
			margin-left: 10px;
			margin-right: auto;
			border-radius: 8px;
		}
		.swiper .box{
			height: 40px;
			font-size: 14px;
			padding: 0px 20px;
			justify-content: center;
			display: flex;
			flex-direction: column;
			width: 100%;
			position: relative;
			border-radius: 8px;
			border: solid 1px #bbb;
		}
		
		.swiper  .m{
			background-color: #fff;
		}
		.swiper .box:hover,.swiper  .select{
			color: #ffff;
			background-color: rgba(255, 255, 255, 0.3);
			box-shadow: 0 4px 12px rgba(15, 102, 224, 0.3);
			font-weight: 600;
		}
		.checkGoodsSend{
			background-color: #fff;
			padding: 10px 0px;
			margin-right: auto;
			margin-left: 10px;
		}
		.checkGoodsSend .but{
			background-color: #0060b9;
			color: #ffff;
			font-weight: 400;
			font-size: 14px;
			padding: 5px 20px;
		}
		
		.to_left {
			width: 0;
			height: 0;
			border-right: 10px solid #7d4000;
			border-top: 10px solid transparent;
			border-bottom: 10px solid transparent;
		}
		.name-create{
			height: 32px;
			flex-direction: column;
			display: flex;
			justify-content: center;
			text-decoration: underline;
			color: #7d4000;
			margin-left: 10px;
		}
		.image-box{
			width: 200px;
			float: left;
			position: relative;
			margin: 5px;
			background-color: #fff;
			padding: 5px;
			border-radius: 8px;
		}
		.uploadNot{
			white-space: break-spaces;
			position: absolute;
			background-color: #33333385;
			width: calc(100% - 10px);
			padding: 5px;
			color: #fff;
			font-weight: 600;
			text-align: center;
			top: 0px;
			display: flex;
			justify-content: center;
			flex-direction: column;
		}
		.image{
			width: 200px;
			height: 200px;
			border: solid 1px #eee;
			border-radius: 8px;
		}
		.goodsAddImage{
			width: 30px;
			height: 30px;
			margin: auto;
		}
		.image-box .de{
			text-align: center;
			font-size: 12px;
		}
		.add-header .up{
			padding: 10px;
			text-align: center;
			font-weight: 500;
			margin:  auto;
			display: flex;
			justify-content: center;
			border-radius: 8px;
			line-height: normal;
			
		}
		.goodsAddBox{
			height: 200px;
			border: solid 1px #eee;
			width: 198px;
			float: left;
			display: flex;
			margin: 5px;
			background-color: #fff;
			padding: 5px;
			border-radius: 8px;
		
		}
		.moneyProfit{
			min-width: 150px;
			border-radius: 8px;
			
			height: 30px;
			flex: 1;
			padding: 0px 10px;
			background-color: #f5f7fa;
			border: 1px solid #d2d2d2;
			display: flex;
			font-size: 12px;
		}
		.moneyProfitLeft{
			
			margin: auto;
			flex: 1;
			text-align: left;
			min-width: 50px;
		}
		.moneyProfitRight{
			min-width: 50%;
			color: #b10000;
			font-size: 12px;
			border-left: solid 1px #c5c5c5;
			padding-left: 5px;
		}
		.fanyeImageBox{
			position: absolute;
			bottom: 0px;
			left: 0;
			width: calc(100% - 20px);
			background-color: #fff;
			padding: 5px 10px;
			box-shadow: 0px -3px 7px 3px #3333;
			font-size: 12px;
		}
		.add-goods-bb{
			width: auto;
			height: 62px;
			padding: 0px 5px;
			min-width: 320px;
			position: relative;
			margin: auto 0px;
			display: flex;
			flex-direction: row;
			align-items: center;
			color: #1b1b1b;
		}
		.fanyeImageBox .fanyeImage{
		   display: flex;
		   
		   bottom: 10px;
		   
		   
		   background-color: #fff;
		   
		   
		   height: 60px;
		   
		}
		.MpDiscountSelectGoodsBut{
			text-align: center;
			background-color: #fff;
			color: #fff;
			cursor: pointer;
			bottom: 0px;
			width: 100%;
			left: 0px;
			margin: auto;
			display: flex;
			border-radius: 5px;
		}
		.MpDiscountSelectGoodsBut input{
			color: #1b1b1b;
		}
		.goodsNameColor{
			color: #333333;
			border-radius: 8px;
			width: 100%;
		}
		.goodsNameColor400{
			width: 250px;
		}
		.heji{
			background-color: #F5F7FA;
			border-left: 1px solid #EBEEF5;
			
		}
		.bottom_mo{
			
			color: #ff0f0f;
			font-weight: 600;
		}
		.padding5{
			padding: 5px 0px;
		}
		.p-box{
			display: flex;
			flex-direction: column;
			margin-left: 2px;
		}
		.p-box .yticon::after{
			content: '';
			display: inline-block;
			width: 0px;
			height: 0px;
			border: 6px solid #606270; //白色
			border-top-color: transparent;
			border-bottom-color: #606270;
			border-left-color: transparent;
			border-right-color: transparent;
		}
		.p-box .active::after{
			content: '';
			display: inline-block;
			width: 0px;
			height: 0px;
			border: 6px solid #0f66e0; 
			border-top-color: transparent;
			border-bottom-color: #0f66e0;
			border-left-color: transparent;
			border-right-color: transparent;
		}
		.p-box .xia{
			transform: scaleY(-1);
		}
		.xd-box{
			margin: 5px auto;
			overflow: hidden; 
			gap:10px;
		}
		.mask{
			position: absolute;
			top: 0px;
			left: 0px;
			width: 100%;
			height: 100%;
			background-color: #3333330f;
		}
			
		.show-select-user{
			animation-name: selecruser;
			animation-duration: 100ms;
			animation-iteration-count: 1;
		}
		.xd-box {
		    overflow: hidden; 
		}
		
			@keyframes selecruser {
				0% {
					height: 0px
				}
				100% {
					height: 100%
				}
			}
			
			.show-order-lishi{
				animation-name: orderLishi;
				animation-duration: 100ms;
				animation-iteration-count: 1;
			}
			@keyframes orderLishi {
				0% {
					height: 0px;
					width: 0px;
				}
				100% {
					height: 100%;
					width: 100%;
				}
			}
			
	
			@keyframes xdmain {
				0% {
					height: 0px;
					
				}
				100% {
					height: 100%;
					
				}
			}
			.caogao-money{
				padding: 5px;
				display: flex;
			}
			.input_image{
				height: 100px;
				width: 100px;
				margin-left: 20px;
				border: 1px solid #DCDFE6;
			}
			.input_confirm_image{
				height: 100px;
				width: 100px;
				margin-left: 20px;
				border: 1px solid #0f66e0;
			}
			.input_image:hover{
				border: 1px solid #C8C7CC;
			}
		
			.arrow{
				height: 20px;
				width: 20px;
				
				margin-left: auto;
			}
			.arrow1{
				height: 18px;
				width: 18px;
				
			}
		
			.delete{
				color: #0f66e0;
			}
			.delete:hover{
				text-decoration: underline;
				color: #DD524D;
			}
		
			.page{
				color: #FFFFFF;
				background-color: #0f66e0;
				width: 32px;
				height: 32px;
				font-size: 15px;
				border-radius: 8px;
				text-align: center;
				justify-content: center;
				display: flex;
				align-items: center;
				margin-left: 10px;
			}
			.nopage{
				color: #FFFFFF;
				background-color: #F4F4F5;
				width: 32px;
				height: 27px;
				font-size: 12px;
				border-radius: 8px;
				text-align: center;
				justify-content: center;
				display: flex;
				align-items: center;
				margin-left: 10px;
			}
		
			.input_account{
				padding: 5px 15px 5px 15px;border: 1px solid #DCDFE6;width: 250px;font-size: 13px;margin-left: 20px;
			}
			.input_account:hover{
				border: 1px solid #C8C7CC;
			}
			.input_account1{
				padding: 5px 15px 5px 15px;border: 1px solid #DCDFE6;width: 227px;font-size: 13px;margin-left: 20px;
			}
			.back_color{
				background-color: #FF4D4F;
			}
			.back_color:hover{
				background-color: #FF7172;
			}
			.show_image{
				width: 50%;height: 100px;
			}
			.show_image:hover{
				transform: scale(1.3);
			}
		
		
		
		
		
		
		
			.order_audit-color{
				background-color: #009434;
				color: #fff;
				font-weight: 400;
				justify-content: center;
				display: flex;
			}
			.order_audit{
				max-width: 35px;
				background-color: #009434;
				color: #fff;
				font-weight: 400;
				justify-content: center;
				display: flex;
			}
			.order_auditfff{
				width: 35px;
				
			}
			.search-box{
				position: inherit;
				background-color: #fff;
				/* border-bottom-left-radius: 10px;
				border-bottom-right-radius: 10px; */
			}
		
		
			.gz-but{
				padding: 5px 15px 5px 15px;
				color: #FFFFFF;
				border-radius: 8px;
				
				display: flex;
				justify-content: center;
				align-items: center;
			}
		
			
			.user-but{
				width: calc(100% - 10px);
				flex-direction: row;
				
				
				padding: 5px;
				
				margin: 0px 0px 10px 0px;
			}
		
			.user-but .box15{
				width: 15%;
				
				
				display: flex;
			}
			.user-but .ipu{
				flex: 1;
			}
			.user-but .box33{
				width: 30%;
				flex: 1;
				display: flex;
			}

			.sp_records{
				height: calc(100% - 20px);
				background-color: #ffffff;
				padding: 10px;
				border-radius: 8px;
				width: calc(100% - 20px);
			}
			.sp_record{
				position: absolute;
				top: 0px;
				left: 0px;
				height: calc(100% - 20px);
				background-color: #ffffff;
				padding: 10px;
				border-radius: 8px;
				width: calc(100% - 20px);
			}
		
			.sp_record .tab{
				display: flex;
				width: calc(100% - 20px);
				background-color: #EBEEF5;
				border-bottom: 1px solid #EBEEF5;
				
				padding: 10px;
				flex-direction: row;
				height: 35px;
			}
		
			.sp_record .tab .info{
				display: flex;
				margin: auto;
				padding: 5px;
				justify-content: center;
			}
		
		
		 
			.right-top-box .select,.right-top-box .info:hover{
				background-color: #023b8b;
				color: #fff;
				font-weight: 500;
				text-align: center;
				border-radius: 8px;
				padding: 0px 5px;
			}
			.order{
				display: flex;
				width: calc(100% - 20px);
				margin: 5px 0px;
				height: 32px;
			}
			.order .imgBox{
				margin-left: auto;
			}
		
			.money-box view{
				display: flex;
				justify-content: center;
				flex-direction: column;
			}
		
		
		
		
			.caogao-but-box{
				display: flex;
				flex-direction: row;
				width: 100%;
				gap:10px;
			}
		
			
			.magnify{
				color: #FFFFFF;
				display: flex;
				justify-content: center;
				align-items: center;
				margin: auto 10px;
				height: 20px;
				width: 20px;
			}
			.height50-magnify{
				height: 100%;
				top: 0px;
				position: absolute;
				z-index: 10;
				margin-top: 0px;
			}
			.height50-t{
				position: relative;
				height: calc(50% - 20px);
				margin-bottom: 2px;
				box-shadow: 1px 1px 5px #33333352;
				border-radius: 8px;
				padding: 10px;
				background-color: #fff;
				width: calc(100% - 20px);
				overflow-x: auto;
				overflow-y: hidden;
			}
			.height50-b{
				box-shadow: 1px 1px 5px #33333352;
				position: relative;
				height: 50%;
				margin-top: 2px;
				overflow: hidden;
				border-radius: 8px;
			}
			.ico{
				width: 15px;
				height: 15px;
				margin: auto 5px auto 0px;
				cursor: pointer;
			}
			
			
			.right-top-box{
				width: 100%;
				font-size: 16px;
				display: flex;
				position: relative;
				background: linear-gradient(135deg, #0f66e0 0%, #0a4eb3 100%);
				border-radius: 8px;
				color: #fff;
				height: 40px;
				flex-direction: row;
				gap: 10px;
			}
			.right-top-box  .info{
				display: flex;
				margin: auto;
				height: calc(100% - 10px);
				flex: 1;
				justify-content: center;
				transition: all 0.3s ease;
				border-radius: 8px;
				margin: 5px ;
			}
			/* 悬停效果 */
			.info:hover {
			  background-color: rgba(255, 255, 255, 0.25);
			  transform: translateY(-0px);
			}
			/* 图标颜色优化 */
			.info img.ico {
			  filter: brightness(0) invert(1); /* 确保图标为白色 */
			  opacity: 0.9;
			}
			/* 文字颜色优化 */
			.info .justify {
			  color: white;
			  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
			}